<template>
  <view class="river-container">
    <!-- 原始河流图片 -->
    <image 
      src="/static/img/river.jpg" 
      class="river-bg"
    ></image>
  </view>
</template>

<script>
export default {
  onReady() {
},
mounted() {
  },
  methods: {
  }
}
</script>

<style scoped>
.river-container {
  width: 100%;
  height: 100vh; /* 按实际图片高度调整 */
  overflow: hidden;
  position: fixed;
}

.river-bg {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    background-color: yellow;
}
</style>